<!--  / warpper  -->
<main class="warpper">

    <div class="devSec1">
        <div class="devSec1_con">
            <div class="devSec1_bg" style="background: url(__CDN__{$develop_config.image1_1}) center top/cover no-repeat;"></div>
            <div class="devSec1_box">
                <div class="devSec1_txt">
                    {$develop_config.content1}
                </div>
                <div class="devSec1_img">
                    <img src="__CDN__{$develop_config.image1_2}" alt="" width="100%">
                </div>
            </div>
        </div>
    </div>

    <div class="devSec2">
        <div class="devSec2_con">
            <!-- 左侧年份文字 -->
            <ul class="devSec2_list">
                {foreach $develop as $row}
                <li>
                    <div class="devSec2_year"><span>{$row.year}</span></div>
                    <div class="devSec2_txt">{$row.name}</div>
                </li>
                {/foreach}
                <div class="devSec2Swiper_btn">
                    <img class="devSec2Swiper_prev" src="__CDN__/static/images/prev3.png" alt="">
                    <img class="devSec2Swiper_next" src="__CDN__/static/images/next3.png" alt="">
                </div>
            </ul>
            <!-- 发展历程轮播 -->
            <div class="swiper-container devSec2Swiper">
                <div class="swiper-wrapper">
                    {foreach $develop as $row}
                    <div class="swiper-slide">
                        <div class="devSec2Swiper_img">
                            <img src="__CDN__{$row.image}" alt="" width="100%">
                        </div>
                        <div class="devSec2Swiper_txt">
                            <p>{$row.string}</p>
                        </div>
                    </div>
                    {/foreach}
                </div>
            </div>
        </div>
    </div>

    <div class="devSec3">
        <div class="devSec3_con">
            <div class="devSec3_top">
                {$develop_config.content3_0}
            </div>
            <ul class="devSec3_list">
                <li>
                    <div class="devSec3_img"
                         style="background: url(__CDN__{$develop_config.image3_1}) left 110px/50% 100% no-repeat fixed;"></div>
                    <div class="devSec3_txt">
                        {$develop_config.content3_1}
                    </div>
                </li>
                <li>
                    <div class="devSec3_img"
                         style="background: url(__CDN__{$develop_config.image3_2}) left 110px/50% 100% no-repeat fixed;"></div>
                    <div class="devSec3_txt">
                        {$develop_config.content3_2}
                    </div>
                </li>
                <li>
                    <div class="devSec3_img"
                         style="background: url(__CDN__{$develop_config.image3_3}) left 110px/50% 100% no-repeat fixed;"></div>
                    <div class="devSec3_txt">
                        {$develop_config.content3_3}
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <div class="devSec4">
        <div class="devSec4_con">
            <div class="devSec4_txt">
                {$develop_config.content4}
            </div>
            <!-- 合作品牌轮播 -->
            <div class="swiper-container devSec4Swiper">
                <div class="swiper-wrapper">
                    {foreach $develop_config.images5 as $images5}
                    <div class="swiper-slide">
                        <div class="devSec4Swiper_img">
                            <img src="{$images5}" alt="">
                        </div>
                    </div>
                    {/foreach}
                </div>
            </div>
        </div>
    </div>

    <div class="devSec5">
        <div class="devSec5_con">
            <div class="devSec5_title">{$develop_config.string6}</div>
            <div class="devSec5_img">
                <img src="__CDN__{$develop_config.image6}" alt="" width="100%">
            </div>
        </div>
    </div>

</main>
<!--  / warpper  -->

<script>
    $(function () {

        // 发展历程轮播
        var devSec2Swiper = new Swiper('.devSec2Swiper', {
            loop: true,
            speed: 1000,
            observer: true,
            observeParents: true,
            autoplay: 3000,
            autoplayDisableOnInteraction: false,
            prevButton: '.devSec2Swiper_prev',
            nextButton: '.devSec2Swiper_next',
            simulateTouch: false,
            onInit: function (swiper) {
                //Swiper初始化了
                //alert(swiper.realIndex);提示Swiper的当前索引
                $('.devSec2_list li:first-child').addClass('on').siblings('li').removeClass('on');
            },
            onSlideChangeStart: function (swiper) {
                // alert(swiper.realIndex);
                $('.devSec2_list li').eq(swiper.realIndex).addClass('on').siblings('li').removeClass('on');
            }
        })

        // 合作伙伴轮播
        var devSec4Swiper = new Swiper('.devSec4Swiper', {
            loop: true,
            speed: 1000,
            observer: true,
            observeParents: true,
            autoplay: 1000,
            autoplayDisableOnInteraction: false,
            slidesPerView: 'auto',
            centeredSlides: true,
            // spaceBetween: 40,
        })

    })

    $(window).load(function () {

        if ($(window).width() <= 768) {
            $('.devSec1,.devSec2').addClass('on');
        }
    })
    $(window).resize(function () {

    })

    $(window).scroll(function () {
        var h = $(window).scrollTop()


    })

</script>